<?php
session_start();
if (!isset($_SESSION['id'])) {
    header('Location: login.php');
    exit;
}

include_once ("../controller/ocorrencia_controller_class.php");

$objOcorrencia = new OcorrenciaController();

$ocoMuita = $objOcorrencia->listarOcorrencias(1, 7);

$ocoMedia = $objOcorrencia->listarOcorrencias(2, 7);

$ocoPouca = $objOcorrencia->listarOcorrencias(3, 7);
?>
<!DOCTYPE html>
<html lang="en" class="no-js">
    <head>
        <meta charset="UTF-8" />
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 
        <meta name="viewport" content="width=device-width, initial-scale=1.0"> 
        <title>::: SOS UNITAU -- Sistema de ordem de serviço</title>

        <link rel="shortcut icon" href="img/logo.jpg">
        <link rel="stylesheet" type="text/css" href="css/normalize.css" />
        <link rel="stylesheet" type="text/css" href="css/demo.css" />
        <link rel="stylesheet" type="text/css" href="css/icons.css" />
        <link rel="stylesheet" type="text/css" href="css/style2.css" />
        <link rel="stylesheet" type="text/css" href="css/StylePage.css" />
        <link rel="stylesheet" type="text/css" href="css/default.css" />
        <link rel="stylesheet" type="text/css" href="css/component.css" />
        <link rel="stylesheet" type="text/css" href="css/shadowbox.css" />
        <link href="css/StyleOS.css" type="text/css" rel="stylesheet" />
        <link href="css/style_light.css" type="text/css" rel="stylesheet" />
        <script src="js/modernizr.custom.js"></script>
        <script src="js/jquery.min.js"></script>
        <script type="text/javascript" src="js/jquery1.6.min.js"></script>
        <script src="js/jquery.maskedinput-1.3.min.js"></script>
        <script src="js/jquery-ui-1.8.14.custom.min.js"></script>
        <script src="js/shadowbox.js"></script>
        <script type="text/javascript">
            Shadowbox.init();
        </script>

        <script>
            $(document).ready(function () {
                $('.menu').parent().parent().delegate('.finalizar', 'click', function () {
                    var id = this.name;
                    var andamento = 8;

                    $.post("../funcoes/controleOS.php", {'id[]': id, andamento: andamento}, function (data) {
                        alert(data[0].erros);
                        location.reload();
                    },'json').fail(function(){
                        alert("fail");
                    });
                });

                $("#finalizarVarios").click(function () {
                    var ids = new Array();
                    var andamento = 8;

                    $(".chOs").each(function () {
                        if ($(this).is(":checked")) {
                            ids.push($(this).val());
                        }
                    });

                    $.post("../funcoes/controleOS.php", {'id[]': ids, andamento: andamento}, function (data) {
                        $.each(data, function (key, value) {
                            alert(value.erros);
                        });
                        location.reload();
                    }, 'json').fail(function () {
                        alert("fail");
                    });

                });
            });
        </script>
        <script>
            $(document).ready(function () {
                $('.menu').parent().parent().delegate('.andamento', 'click', function () {
                    var id = this.name;
                    var andamento = 5;

                    $.post("../funcoes/controleOS.php", {'id[]': id, andamento: andamento}, function (data) {
                        alert(data[0].erros);
                        location.reload();
                    }, 'json').fail(function () {
                        alert("fail");
                    });
                });

                $("#andamentoVarios").click(function () {
                    var ids = new Array();
                    var andamento = 5;

                    $(".chOs").each(function () {
                        if ($(this).is(":checked")) {
                            ids.push($(this).val());
                        }
                    });

                    $.post("../funcoes/controleOS.php", {'id[]': ids, andamento: andamento}, function (data) {
                        $.each(data, function (key, value) {
                            alert(value.erros);
                        });
                        location.reload();
                    }, 'json').fail(function () {
                        alert("fail");
                    });

                });
            });
        </script>

        <!--FILTRO-->
        <script>
            $(document).ready(function () {
                $(".filtros").change(function () {
                    var campus = $("#txtCampus").val();
                    var categoria = $("#txtCategoria").val();
                    var tipo = $("#txtTipo").val();
                    var urgencia = $("#txtUrgencia").val();
                    var andamento = 7;

                    $.post("../funcoes/filtraOS.php", {campus: campus, categoria: categoria, tipo: tipo,
                        urgencia: urgencia, andamento: andamento},
                    function (data) {
                        $(".remove").find('ul').remove();
                        var id = 1;
                        var g = 1;
                        var m = 1;
                        var s = 1;

                        var div = "";
                        $.each(data, function (key, value) {
//                            alert(value.id + " " + value.categoria);
                            if (value.urgencia == 1) {
                                div = ".grave";
                                id = g++;
                            } else if (value.urgencia == 2) {
                                div = ".medio";
                                id = m++;
                            } else if (value.urgencia == 3) {
                                div = ".simples";
                                id = s++;
                            }

                         $("" + div + "").append(
                                    '<ul class="second-menu">'
                                    + '<h1 class="link">'
                                    + 'OS - ' + id + ', ' + value.categoria + ', ' + value.campus + ''
                                    + '&nbsp;&nbsp;&nbsp;&nbsp;<input type="checkbox" name="chOs[]" class="chOs" value="' + value.id + '" ">'
                                    + '<span class="arrow"></span>'
                                    + '</h1>'

                                    + '<ul class="menu">'
                                    + '<li>'
                                    + '<button class="finalizar" name="' + value.id + '">Finalizar</button>&nbsp;'
                                    + '<button class="andamento" name="' + value.id + '">Andamento</button><br/><br/>'

                                    + '<b><font color="#f76b00">&loz; <u>Funcionário:</u></font></b> ' + value.funcionario + ' <br /><br />'

                                    + '<div class="photo-os"><b><font color="#f76b00">&loz; <u>Foto OS</u></font></b></div> <br /><br />'

                                    + '<b><font color="#f76b00">&loz; <u>Tipo:</u> </font></b>' + value.tipo + ' <br /><br />'

                                    + '<b><font color="#f76b00">&loz; <u>Descrição da Ocorrência:</u></font></b> <br />'
                                    + '' + value.comentario + '<br /><br />'


                                    + '<b><font color="#f76b00">&loz; <u>Nome do Contato:</u></font></b> Jurandi Macedo<br /><br /><br />'

                                    + '<b><font color="#f76b00">&loz; <u>Contatos:</u></font></b> <br />'
                                    + '(12) 8888-99990, (12) 8888-99990, <br />'
                                    + '(12) 8888-99990, (12) 8888-99990, <br /><br />'

                                    + '<b><font color="#f76b00">&loz; <u>Prédio:</u></font></b> ' + value.predio + 
                                    ' <br><br><b><font color="#f76b00">&loz; <u>Sala:</u></font></b> ' + value.sala + ' <br /><br />'

                                    + '<b><font color="#f76b00">&loz; <u>Data da abertura:</u></font></b> ' + value.dataAbertura + ' <br />'

                                    + '<b><font color="#f76b00">&loz; <u>Data de inicio:</u></font></b> '+ value.dataInicio +' <br />'

                                    + '<b><font color="#f76b00">&loz; <u>Data de solução:</u></font></b> Aguardando '



                                    + '</li>'

                                    + '</ul>'
                                    + '</ul>'
                                    );

                        });
                        $(".link").click(function () {

                            if ($(this).hasClass("active")) {
                                $(".link").removeClass("active");
                            } else {
                                $(".link").addClass("active");
                            }

                            $(".menu").slideUp();
                            if ($(this).next().is(":hidden")) {
                                $(this).next().slideDown(-1, 'easeOutBounce');
                            }

                        });
                    }, 'json').fail(function () {
                        alert("erro");
                    });

                });

                $(".link").click(function () {

                    if ($(this).hasClass("active")) {
                        $(".link").removeClass("active");
                    } else {
                        $(".link").addClass("active");
                    }

                    $(".menu").slideUp();
                    if ($(this).next().is(":hidden")) {
                        $(this).next().slideDown(-1, 'easeOutBounce');
                    }

                });
            });
        </script>
        <!--FILTRO-->

    </head>
    <body> <!-- Inicio -->
        <div class="loading"></div>
        <div class="container"> <!-- container -->



            <!-----------------------------CONTEUDO DA PÁGINA CADASTRO FUNCIONARIO --------------------------------->
            <!------- SEGUE ABAIXO ------->



            <div class="barra-superior"></div>
            <div class="sobre-empresa">
                Powered by: Grupo NOP
            </div>



            <!------------- CONTEUDO DE FORMULARIOS---------------------->

            <div class="titulo-page">
                ::: Aguardando Finalização
            </div>
            <div class="clear"></div>
            <!--FILTRA OS--FILTRA OS--FILTRA OS--FILTRA OS--FILTRA OS--FILTRA OS--FILTRA OS-->
            <!--FILTRA OS--FILTRA OS--FILTRA OS--FILTRA OS--FILTRA OS--FILTRA OS--FILTRA OS-->
            <?php include_once("filtraOS.php" ); ?>
            <!--FILTRA OS--FILTRA OS--FILTRA OS--FILTRA OS--FILTRA OS--FILTRA OS--FILTRA OS-->
            <!--FILTRA OS--FILTRA OS--FILTRA OS--FILTRA OS--FILTRA OS--FILTRA OS--FILTRA OS-->
            <div class="clear"></div>
            <!----------------- VERIFICANDO OS --------------------------->

            <input type="button" class="botao" name="finalizarVarios" id="finalizarVarios" value="Finalizar" />
            <input type="button" class="botao" name="andamentoVarios" id="andamentoVarios" value="Andamento" />
            <div class="clear"></div>
            <div class="controls" style="margin-left:-78px;">
                <label>Somente Grave:</label>
            </div>
            <div class="controls" style="margin-left:306px; position:absolute; margin-top:-61px; background-color:#FC0">
                <label>Somente Médio:</label>
            </div>

            <div class="controls" style="margin-left:690px; position:absolute; margin-top:-61px; background-color:#060">
                <label>Somente Simples:</label>
            </div>

            <!---------------INICIO MEDIO------------------------->
            <div class="wrapper"
                 style="margin-left:696px; position:absolute; margin-top:-60px"><!-- INICIO -->
                <div class="accordian move remove medio">
                    <?php if (count($ocoMedia) > 0) { ?>
                        <?php
                        $i = 1;
                        foreach ($ocoMedia as $oco) {
                            ?>
                            <ul class="second-menu">
                                <h1 class="link">
                                    OS - <?= $i++; ?>, <?= $oco->getEspecialidade()->getNome() ?>, <?= $oco->getCampus()->getNome() ?> 
                                    &nbsp;&nbsp;&nbsp;<input type="checkbox" name="chOs[]" class="chOs" value="<?= $oco->getId() ?>">
                                    <span class="arrow">

                                    </span>
                                </h1>
                                <ul class="menu">
                                    <li>
                                        <button class="finalizar" name="<?= $oco->getId() ?>">Finalizar</button>&nbsp;
                                        <button class="andamento" name="<?= $oco->getId() ?>">Andamento</button><br/><br/>

                                       <b><font color="#FFCC00">&loz; <u> Funcionário: </u></font></b> <?= $oco->getFuncionario()->getNome() ?> <br /><br />
                                       
                                        <div class="photo-os"><b><font color="#FFCC00">&loz; <u> Foto OS </u></font></b></div> <br /><br />
                                       
                                       <b><font color="#FFCC00">&loz; <u> Tipo: </u></font></b><?= $oco->getTipoOcorrencia()->getDescricao() ?> <br /><br />
                                        
                                       <b><font color="#FFCC00">&loz; <u> Descrição da Ocorrência:</u></font></b> <br />
                                        <?= $oco->getComentario() ?><br /><br />

                 
                                        <b><font color="#FFCC00">&loz; <u> Nome do Contato:</u></font></b> Jurandi Macedo<br />
                                        
                                       <b><font color="#FFCC00">&loz; <u> Contatos:</u></font></b> <br />
                                        (12) 8888-99990, (12) 8888-99990, <br />
                                        (12) 8888-99990, (12) 8888-99990, <br /><br />
                                     
                                        <b><font color="#FFCC00">&loz; <u> Prédio:</u></font></b> <?= $oco->getPredio()->getNome() ?> <br> <br>
                                        <b><font color="#FFCC00">&loz; <u> Sala:</u></font></b> <?= $oco->getSala()->getIdentificacao() ?> <br /><br />
                                        
                                        <b><font color="#FFCC00">&loz; <u> Data da abertura:</u></font></b> <?= date('d/m/Y - H:i:s', strtotime($oco->getDataHora())); ?> <br />
                                        
                                        <b><font color="#FFCC00">&loz; <u> Data de inicio:</u></font></b> <?= date('d/m/Y - H:i:s', strtotime($oco->getDataInicio())); ?> <br />
                                      
                                       <b><font color="#FFCC00">&loz; <u> Data de solução:</u></font></b> Aguardando
                                      


                                    </li>

                                </ul>
                            </ul>
                            <?php
                        }
                    }
                    ?>
                </div>
            </div>


            <!----------------------------/Médio ---------------->

            <!-----------------------INICIO SIMPLES-------------------->
            <div class="wrapper" style="margin-top:-60px; margin-left:1080px; position:absolute;"><!-- INICIO -->
                <div class="accordian move remove simples">
                    <?php if (count($ocoPouca) > 0) { ?>
                        <?php
                        $i = 1;
                        foreach ($ocoPouca as $oco) {
                            ?>
                            <ul class="second-menu">
                                <h1 class="link">
                                    OS - <?= $i++; ?>, <?= $oco->getEspecialidade()->getNome() ?>, <?= $oco->getCampus()->getNome() ?> 
                                   &nbsp;&nbsp;&nbsp;<input type="checkbox" name="chOs[]" class="chOs" value="<?= $oco->getId() ?>">
                                    <span class="arrow"></span>
                                </h1>

                                <ul class="menu">
                                    <li>
                                        <button class="finalizar" name="<?= $oco->getId() ?>">Finalizar</button>&nbsp;
                                        <button class="andamento" name="<?= $oco->getId() ?>">Andamento</button><br/><br/>

                                        <b><font color="#08f710">&loz; <u> Funcionário:</u></font></b> <?= $oco->getFuncionario()->getNome() ?> <br /><br />
                                     
                                        <div class="photo-os"><b><font color="#08f710">&loz; <u>Foto OS</u></font></b></div> <br /><br />
                                      
                                       <b><font color="#08f710">&loz; <u>Tipo:</u></font></b> <?= $oco->getTipoOcorrencia()->getDescricao() ?> <br /><br />
                                        
                                       <b><font color="#08f710">&loz; <u>Descrição da Ocorrência:</u></font></b> 
                                        <?= $oco->getComentario() ?><br /><br /><br />

                                        
                                       <b><font color="#08f710">&loz; <u>Nome do Contato:</u></font></b> Jurandi Macedo<br />
                                 
                                        <b><font color="#08f710">&loz; <u>Contatos:</u></font></b> <br />
                                        (12) 8888-99990, (12) 8888-99990, <br />
                                        (12) 8888-99990, (12) 8888-99990, <br /><br />
                                   
                                        <b><font color="#08f710">&loz; <u>Prédio:</u></font></b> <?= $oco->getPredio()->getNome() ?> <br><br>
                                        <b><font color="#08f710">&loz; <u>Sala:</u></font></b> <?= $oco->getSala()->getIdentificacao() ?> <br /><br />
                                      
                                       <b><font color="#08f710">&loz; <u>Data da abertura:</u></font></b> <?= date('d/m/Y - H:i:s', strtotime($oco->getDataHora())); ?> <br />
                                        
                                        <b><font color="#08f710">&loz; <u>Data de inicio:</u></font></b> <?= date('d/m/Y - H:i:s', strtotime($oco->getDataInicio())); ?> <br />
                                      
                                        <b><font color="#08f710">&loz; <u>Data de solução:</u></font></b> Aguardando 
                                        


                                    </li>

                                </ul>
                            </ul>
                            <?php
                        }
                    }
                    ?>

                </div>
            </div>
            <!-----------------------FIM SIMPLES-------------------->

            <!---------------------INICIO GRAVE ------------------>
            <div class="wrapper" style=" margin-top:-60px; margin-left:312px"><!-- INICIO -->
                <div class="accordian move remove grave">
                    <?php if (count($ocoMuita) > 0) { ?>
                        <?php
                        $i = 1;
                        foreach ($ocoMuita as $oco) {
                            ?>
                            <ul class="second-menu">
                                <h1 class="link">
                                    OS - <?= $i++; ?>, <?= $oco->getEspecialidade()->getNome() ?>, <?= $oco->getCampus()->getNome() ?> 
                                    &nbsp;&nbsp;&nbsp;<input type="checkbox" name="chOs[]" class="chOs" value="<?= $oco->getId() ?>">
                                    <span class="arrow"></span>
                                </h1>

                                <ul class="menu">
                                    <li>
                                        <button class="finalizar" name="<?= $oco->getId() ?>">Finalizar</button>&nbsp;
                                        <button class="andamento" name="<?= $oco->getId() ?>">Andamento</button><br/><br/>

                                         <b><font color="#fa5555">&loz; <u>Funcionário:</u></font></b> <?= $oco->getFuncionario()->getNome() ?> <br /><br />
                                     
                                        <div class="photo-os"><b><font color="#fa5555">&loz; <u>Foto OS</u></font></b></div> <br /><br />
                                      
                                        <b><font color="#fa5555">&loz; <u>Tipo:</u></font></b> <?= $oco->getTipoOcorrencia()->getDescricao() ?> <br /><br />
                                       
                                        <b><font color="#fa5555">&loz; <u>Descrição da Ocorrência:</u></font></b> <br />
                                        <?= $oco->getComentario() ?><br /><br />

                                 
                                        <b><font color="#fa5555">&loz; <u>Nome do Contato:</u></font></b> Jurandi Macedo<br />
                                   
                                        <b><font color="#fa5555">&loz; <u>Contatos:</u></font></b> <br />
                                        (12) 8888-99990, (12) 8888-99990, <br />
                                        (12) 8888-99990, (12) 8888-99990, <br /><br />
                                      
                                        <b><font color="#fa5555">&loz; <u>Prédio:</u></font></b> <?= $oco->getPredio()->getNome() ?><br><br>
                                        <b><font color="#fa5555">&loz; <u>Sala:</u></font></b> <?= $oco->getSala()->getIdentificacao() ?> <br /><br />
                                     
                                        <b><font color="#fa5555">&loz; <u>Data da abertura:</u></font></b> <?= date('d/m/Y - H:i:s', strtotime($oco->getDataHora())); ?> <br />
                                     
                                        <b><font color="#fa5555">&loz; <u>Data de inicio:</u></font></b> <?= date('d/m/Y - H:i:s', strtotime($oco->getDataInicio())); ?> <br />
                                      
                                        <b><font color="#fa5555">&loz; <u>Data de solução:</u></font></b> Aguardando
                                       


                                    </li>

                                </ul>
                            </ul>
                            <?php
                        }
                    }
                    ?>

                </div>
            </div>
            <!----------------------------/Grave ---------------->

            <!-- <div class="controls3">
              <label>Somente Simples:</label>
            
            </div>-->

            <!--<div class="container5">
              <div class="mix category-1" data-myorder="1"></div>
              <div class="mix category-1" data-myorder="2">Info.</div>
              <div class="mix category-1" data-myorder="3">Info.</div>
              <div class="mix category-1" data-myorder="4">Info.</div>
              <div class="mix category-1" data-myorder="5">Info.</div>
              <div class="mix category-1" data-myorder="6">Info.</div>
              <div class="mix category-1" data-myorder="7">Info.</div>
              <div class="mix category-1" data-myorder="8">Info.</div>
              
              <div class="gap"></div>
              <div class="gap"></div>
             
             
            </div>	            -->
            <!-------------------------------------TERMINANDO O TESTE DE OS ------------------------->


        </div>












        <!-- MENU NA FRENTE DO CONTEUDO, CONTEUDO FICARÁ INATIVO -->



        <!-- /MENU NA FRENTE DO CONTEUDO, CONTEUDO FICARÁ INATIVO -->





        <!-----------------------------------/FIM--------------------------------------------------------->




        <!------------------------------/CONTEUDO DA PÁGINA CADASTRO FUNCIONARIO ----------------------------------->



    </div><!-- /container -->
</body><!-- Fim -->
<!--------------------------------------------------------------------------------------------------->
<script src='//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js'></script>
<script src='http://cdn.jsdelivr.net/jquery.mixitup/latest/jquery.mixitup.min.js'></script>
<script src='//cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js'></script>
<script>$(function () {
                $('#Container').mixItUp({
                    load: {
                        filter: '.category-1'
                    }
                });
            });//@ sourceURL=pen.js
</script>

<script src='http://codepen.io/assets/editor/live/css_live_reload_init.js'></script>
<script src="js/classie.js"></script>
<script src="js/borderMenu.js"></script>

<!-- SCRIPTS POP-UP -->
<script>
            function abrir(URL) {

                var width = 850;
                var height = 500;

                var left = 240;
                var top = 100;

                window.open(URL, 'janela', 'width=' + width + ', height=' + height + ', top=' + top + ', left=' + left + ', scrollbars=no, status=no, toolbar=0, location=no, 			directories=no, menubar=no, resizable=0 ,maximized=no, fullscreen=no');

            }

</script>


<!-- /SCRIPTS POP-UP -->

<style type="text/css">
    .tooltip {
        width: 250px;
        font-size: 11px;
        font-family: Arial, sans-serif;
        background: #444;
        border: 1px solid #090909;
        border-radius: 4px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        position: absolute;
        z-index: 1;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
        -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
        -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
        color:#fff;
        padding:12px 24px;
        line-height:18px;
    }

    .tooltip:after {
        content: '';
        position: absolute;
        border-color: transparent  #444 transparent transparent;
        border-style: solid;
        border-width: 10px;
        height: 0;
        width: 0;
        position: absolute;
        left: 0;
        top: 50%;
        margin-top: -10px;
        margin-left: -20px;
    }

    .tooltip:before {
        content: '';
        position: absolute;
        border-color:   transparent #090909 transparent transparent;
        border-style: solid;
        border-width: 10px;
        height: 0;
        width: 0;
        position: absolute;
        left: 0;
        top: 50%;
        margin-top: -10px;
        margin-left: -20px;
    }



    .ttw-notification-menu{
        width: 600px;
    }




</style>
</html>
